.setting {
  height: calc(100vh - env(safe-area-inset-bottom));
  position: relative;
  padding-top: 20rpx;
  box-sizing: border-box;

  .setting-logout {
    position: absolute;
    bottom: 20rpx;
    width: 100vw;
    margin: 0 auto;

    .setting-logout-button {
      width: 90vw;
      border-radius: 25rpx;
      background-color: #1989fa;
      color: white;
      height: 90rpx;
      font-size: 35rpx;
      line-height: 90rpx;
    }

    .setting-logout-button-active {
      background-color: #0e75d4;
      transform: scale(0.98);
      transition: all 0.1s ease;
    }
  }

  .setting-cell {
    height: 100rpx;
    background-color: white;
    display: flex;
    align-items: center;
    border-bottom: 5rpx solid #f5f5f5;
    box-sizing: border-box;
    padding-left: 20rpx;
    padding-right: 30rpx;

    .setting-cell-key {
      font-size: 28rpx;
    }

    .setting-cell-value {
      margin-left: auto;
      font-size: 28rpx;
      margin-right: 10rpx;
    }

    .setting-cell-arrow {
    }

    .setting-cell-image {
      width: 80rpx;
      height: 80rpx;
      margin-top: 8rpx;
      border-radius: 50%;
    }
  }
}

.setting-dialog {
  .van-dialog__header {
    padding-top: 15rpx;
    font-size: 30rpx;
  }

  .setting-dialog-nickname {
    box-sizing: border-box;
    padding: 5rpx 30rpx;

    .setting-dialog-nickname-tip {
      font-size: 20rpx;
    }

    .setting-dialog-nickname-input {
      border: 2rpx solid #dcdcdc;
      margin-top: 20rpx;
      font-size: 20rpx;
      padding: 10rpx 15rpx;
    }
  }
}